<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>{$domain['groupname']}</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
   <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">

    <link rel="stylesheet" href="{php echo MODULE_URL}public/css/bootstrap.min.css">


    <link rel="stylesheet" href="{php echo MODULE_URL}public/css/chat.css">
    <link rel="stylesheet" href="{php echo MODULE_URL}public/js/layui/css/layui.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">


    {if !empty($domain['UIColor'])&&$domain['UIColor']!='default'}
    <style type="text/css">
        .chat-con,.tabfooter,.threetab,.middlenav,.tabheader,.chat-wrap{
            background: <?php echo $domain['UIColor'];?>;
        }
        .item-left .nickName,.item-right .nickName,.msgtime,
        .tabheader,#saytowhoDiv,#remarkDiv,#gzhAttention{
            color:white !important;
        }
       /*  #chatfooter,.sendtwo,#emojiWrapper{
            background: white !important;
        } */
        .threetab{
            color:#606060;
        }
        .activebottom{
            color:white;
        }
    </style>
{/if}


</head>
<body>
        <!-- <script src="https://cdn.staticfile.org/vConsole/3.2.0/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
</script> -->



    <div class="login-wrap" style="overflow-y:scroll;display:none;" id="main" >

        <div id="logindiv"  class="login-con" align="center" id="login-main">

            {if $domain['webregister']==1}
            <div class="form-group">
                <p class="formP">昵称：</p>
                <input class="formInput form-control input-lg" type="text"  placeholder="请输入昵称" id="loginName">
            </div>


            <button type="button" style="background: #03c103;border: none;" class="btn btn-success btn-lg btn-block " id="nickNameLogin">登录</button>
            {/if}

        </div>
    </div>

	<div class="chat-wrap " id="chat-wrap" style="display:none;">

            <div id="loadingDiv" style="display:none;"><img style="height:2rem;" src="{php echo MODULE_URL}public/images/loading.gif"></div>

<!-- 聊天室页面 -->
        <div id="showchatroom" class="middlenav" style="top:0px;">

        <div class="chat-con clearfix"  onscroll="pullDownRefresh(10)" style="top:0px;"></div>

		<div class="member-con" style="display: none;"></div>

		<div id="emojiWrapper" class="emoji-show col-xs-8" style="bottom: 50px;background:white;"></div>

		<footer id="footerdiv" class="bottom col-md-12"  style="overflow:visible;">
            <div class="sendone">
                <textarea class="form-control input-lg" onpaste="textareaPaste()" type="text"  id="sendtxt"></textarea>
			    <button type="button" style="height: 100%;color:white;" class="btn  sendBtn">发送</button>
            </div>
            <div class="sendtwo">

                <input id="sendImage" type="file" style="display:none;" value="image" name="formimg" multiple="multiple" accept="image/*">
                <input id="imgPic" type="button" style="{if $domain['isshowpic']==2}display:block;{else}display:none;{/if}background: url('{php echo MODULE_URL}public/images/pic.png') no-repeat center top;" class="btn btn-info" onclick="clickImageButton();">


                <input id="emoji" type="button" style="{if $domain['isshowemoji']==2}display:block;{else}display:none;{/if}background: url('{php echo MODULE_URL}public/images/face.png') no-repeat center top;" value="" class="btn btn-info" title="emoji">

                <input id="makeVideo"  style="{if $domain['isshowvideo']==2}display:none;{else}display:none;{/if}background: url('{php echo MODULE_URL}public/images/mv.png') no-repeat center top;" type="button" accept="video/*" class="btn btn-info" title="小视频">
                <input id="makeVideoFile" type="file" accept="video/*" style="display:none;">

                <span id="notice"  style="{if $domain['isshownotice']==2}display:block;{else}display:none;{/if}" class="fa fa-bell-o" title="voice"></span>

                <span id="member"  style="{if $domain['isshowmember']==2}display:block;{else}display:none;{/if}" class="fa fa-user-o" title="user"></span>

                <div id="saytowhoDiv" style="height:30px;line-height: 30px;color: red;"></div>

            </div>

        </footer>
        </div>


    <!-- 用于显示图片放大的位置 -->
    <div id="imgbg" style="z-index:800;display: none;position: fixed;background: #000;opacity: 0.7;width: 100%;height:100%">
    </div>
    <div id="largeimgdiv">
        <img id="largeimg" src=""/>
</div>



    </div>

    <script>
        /* 定义全局的模块名称 */
        var moduleName="{php echo $_W['current_module']['name']}";
        var moduleUrl="{php echo MODULE_URL}";
        var  we7url=location.href.split("?")[0]+"?i={php echo $_W['uniacid']}&c=entry&m="+moduleName+"&do=";
        {if $domain['isshownotice']==2}
        var  isshownotice=true;
        {else}
        var  isshownotice=false;
        {/if}

    </script>

	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.staticfile.org/js-xss/0.3.3/xss.min.js"></script>
    <script type="text/javascript" src="{php echo MODULE_URL}public/js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="{php echo MODULE_URL}public/js/layui/layui.js"></script>
    <script type="text/javascript" src="{php echo MODULE_URL}public/js/compressor.js"></script>

    <script type="text/javascript">
        var number=Math.random();
        document.write('<scr' + 'ipt  type="text/javascript" src="{php echo MODULE_URL}public/js/chat.js?v='+number+'"></scr' + 'ipt>');
    </script>
</body>
</html>
